<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>  
<%@ include file="/common/taglib.jsp"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>代理人荣誉 -CRM客户关系管理系统</title>
<%@ include file="/common/meta.jsp"%> 
<style type="text/css">
	.mp p{
		width: 120%;
	}
	.promotespan span:hover {
    	background: none repeat scroll 0 0 #FFA75D;
	}
</style>
</head>

<script>
$(function() {
	//默认显示第一个代理人
	var li1 = $("#li0");
	if (li1) {
		li1.click();
	}
	
	$(".spanagent").click(function(){
		$(".spanagent").css("background-color","red");
		$(this).css("background-color","#FFA75D");
	});
});


function changePic(obj){
	var pic = $(obj).attr("apath");
	var info = $(obj).attr("ninfo");
	var content = $(obj).attr("ncontent");
	$("#picShow").attr("src",pic);
	$("#ninfo").html(info);
	$("#ncontent").html(content);
}

</script>



<body id="master">
	<sfa:mainHeader></sfa:mainHeader>
	<div class='navsite'>
		<p> 您的位置：首页&nbsp;&gt;&gt;&nbsp;代理人荣誉</p>
	</div>
	<!--右边-->
           <div class="webpart3">
                <div class="webpart-head">
                    <div class="webpart-head-item">
                        代理人荣誉
                    </div>
                </div>
                <div class="webpart-main">
                    <div class="webpart-main-item dlrry" style="padding: 30px;">
                        <table cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td style="width: 310px;">
                                    <div class="pic-show">
                                        <img src="../statics/images/pic-news.gif" id="picShow" width="270px" height="250px"/></div>
                                </td>
                                <td>
                                    <h2>
                                        代理人简介</h2>
                                    <p id="ninfo">
                                    </p>
                                    <h2>
                                        代理人晋级人员名称</h2>
                                    <p>
                                    	<c:forEach items="${paginationpromote.resultList}"
											var="promote" varStatus="count">
											<c:if test="${promote.agentname!=null}">
												<a href="javascript:void(0);" id="li${count.index}"
													ninfo='${promote.agentInfo}' ncontent='${promote.honourFeeling}' apath="${path}${promote.path}" onclick="changePic(this)" class="promotespan"><span class="spanagent">${promote.agentname}</span></a>
											</c:if>
										</c:forEach>
                                    </p>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" style=" padding-top:15px;">
                                    <h2>
                                        代理人获奖感言</h2>
                                    <p id="ncontent">
r                                        </p>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
	
	<div class="webpart-foot">
                    <div class="webpart-foot-item">
                    </div>
                </div>
            </div>

	<sfa:mainFooter></sfa:mainFooter>

</body>
</html>


